// 发送请求获取所有数据渲染表格
// 这里这个url是不用返回上一级的，因为虽然代码是在js目录里，但是ajax请求在首页发的
// 所以相对路径要从首页开始算
const tbody = document.querySelector('#shop-tbody')
getData()
function getData () {
  utils.fetch('./api/shop/select.php').then(resp => {
    if (resp.code === 200) {
      // ES6的解构赋值
      const { list } = resp.body
      // const list = resp.body.list
      let html = ''
      list.forEach((shop, index) => {
        html += `
          <tr data-id="${shop.id}">
            <td>${index + 1}</td>
            <td><span>${shop.name}</span><input class="inputName" type="text"></td>
            <td><span>${shop.price}</span><input class="inputPrice" type="text"></td>
            <td><span>${shop.num}</span><input class="inputNum" type="text"></td>
            <td>
              <button class="btn btn-xs btn-info btn-edit">编辑</button>
              <button class="btn btn-xs btn-danger btn-del">删除</button>
              <button class="btn btn-xs btn-success btn-ok">确定</button>
              <button class="btn btn-xs btn-warning btn-cancel">取消</button>
            </td>
          </tr>
        `
      })
      tbody.innerHTML = html
    }
  })
}
